<!-- ctrl + shift + / 前端html中的注释 -->
<!--标明当前是一个html文档-->
<!DOCTYPE html>
<!--html： html文档的根标签 所有html标签在里面进行书写-->
<html lang="en">
<!--head: 头部信息 mete：元信息（编码格式） title：标题 当前html文件在浏览器中渲染展示的时候用于所能看到的标题-->
<head>
    <meta charset="UTF-8">
    <title>这是我的标题</title>
</head>
<!--body: 正文 body里面写的就是我们网页中的组成元素-->
<body>
<p>这是我的第一个html文档</p>
<!--p：段落标签   align：水平调整 left right center-->
<p align="center">HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX， Windows等)。使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。</p>

<h1 align="center">一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<!--a:超链接  表示能够根据指定的链接进行资源的访问，能方法网络上，本地的
    href:链接路劲  target:链接资源打开的位置 _blank 新窗口打开 默认是_self
-->
<a href="https://www.baidu.com" target="_blank">百度一下</a>

<!--href  也可以指向本地资源  一定注意路劲的书写-->
<a href="zut/demo2.html">跳转demo2</a>
<!--img: 图片 src图片的资源路劲-->
<img src="../img/QQ.png" width="30%" height="30%">
<!--# 表示a标签点击后不跳转-->
<a href="#"><img src="../img/dg.webp" width="15%" height="15%"></a>

<!--表格： table  展示数据
    行：tr
    列：td
    表头：th
-->
<table border="1px" width="250px" align="center" cellspacing="0" cellpadding="0" height="300px">
    <tr>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
    </tr>
    <tr align="center">
        <td>jack</td>
        <td>男</td>
        <td>20</td>
    </tr>
    <tr valign="top">
        <td>jack</td>
        <td colspan="2">男</td>
        <td>20</td>
    </tr>
    <tr>
        <td rowspan="2">jack</td>
        <td>男</td>
        <td>20</td>
    </tr>
    <tr>
        <td>男</td>
        <td>20</td>
    </tr>

</table>

<!--表单：form  用于提交数据
    action: 表示表单提交的资源路劲
    method：提交方式
        get   /test?account=jack&psw=123&birthday=2021-09-08   将请求参数默认拼接到了url后
        post  /test   将请求参数 放到了请求体里面
    input: 输入框  type :输入框的类型   text  password  email  data  radio   hidden  submit.....
-->
<form action="/test" method="post">

    <input type="text" name="account" placeholder="用户名">
    <br>
    <input type="password" name="psw" placeholder="请输入密码">
    <br>
    <input type="date" name="birthday" placeholder="请输入出生日期">
    <br>
    <input type="submit" value="注册">
</form>


</body>
</html>